<template>
	<view>
		<uni-popup :is-mask-click="false" @change="change"  ref="join" mode="center">
			<view class="bgfff ra30 width880 posire pt50 pb50">
				<image @click="$refs.join.close()" mode="widthFix" class="image posiab right30 top20 width50"
					src="/static/img/bi.png"></image>
				<view class="size36 color333 bold flex-ju-c  mb60 pb30 border-bebecef">
					请输入参会密码/主持密码
				</view>
				<view class="pg30-50">
					<el-input v-model="newjoin_pwd" class="height80" :prefix-icon="Lock" show-password></el-input>
				</view>
				<view class="flex-row border-tebecef mt50">
					<view class="flex-a-i mt50 mr60">
						<view @click="$refs.join.close()" class="wh152-64 borderd0d6dc flex-ju-c ra5">取消</view>
						<view @click="confirm" class="wh152-64 border165DFF colorfff bg165dff flex-ju-c ml60 ra5">确定
						</view>
					</view>
				</view>
			</view>
		</uni-popup>
		
	</view>
</template>

<script>
	export default {
		name:"join-pwd",
		data() {
			return {
				newjoin_pwd:""
			};
		},
		methods:{
			confirm(){
				if(this.newjoin_pwd){
					this.$emit('confirm',this.newjoin_pwd)
				}else{
					uni.showToast({
						title:"输入密码",
						icon:"none"
					})
				}
				
			},
			open(){
				this.$refs.join.open()
			},
			close(){
				this.$refs.join.close()
			},
			change(e){
				this.$emit('joinPWD')
				this.newjoin_pwd=''
				if(!e.show){
					Invalidpin=0
				}
			}
		}
	}
</script>

<style>

</style>